<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>雷达</title>

    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">

    <link rel="stylesheet" href="/css/base.css">

    <style>
      /*底部导航*/
      .footer_nav_container{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        /*border-top: 1px solid #ececec;*/
        box-shadow: 0px 0px 3px #ececec;
        background: #fff;
      }
      .footer_nav_container{
        display: flex;
        align-items: center;
      }
      .footer_nav_container li{
        flex: 1;
        padding: 10px 0;
        list-style: none;
      }
      .footer_nav_container a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      .footer_nav_container li svg{
        width: 16px;
        height: 16px;
        margin-bottom: 3px;
      }
      .footer_nav_container li span{
        font-size: 12px;
        color: #5a5a5a;
      }
      /*搜索*/
      .radarMain_contianer{

      }
      .radarMain_serach_container{
        padding: 0.14rem 0.2rem 0 0.2rem;
      }
      .radarMain_serach_content{
        display: flex;
        align-items: center;
        border: 1px solid #ececec;
        border-radius: 5px;
        padding: 0.12rem 0.22rem;
      }
      .radarMain_serach_content svg{
        width: 0.34rem;
        height: 0.34rem
      }
      
      
      .radarMain_serach_content input{
        outline: none;
        background: #fff;
        border: none;
        padding-left: 0.1rem;
        font-size: 0.26rem;
        flex: 1;
      }
      .radarMain_List_container{

      }
      
      .radarMain_List_container{

      }
      .radarMain_ListTitle_container{
        padding-top: .1rem;
      }
      .radarMain_ListTitle_container h5{
        padding: 0 0.2rem 0 0.2rem;
        font-size: 0.26rem;
        font-weight: 400;
        color: #8d8d8d;
      }
      .radarMain_hrefList_container{
        padding: 0 0.33rem 55px 0.33rem;
      }
      .radarMain_hrefList_content{
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #ececec;
        padding: 0.3rem 0;
      }
      .radarMain_hrefListSvg_content{

      }
      .radarMain_hrefListSvg_content svg{
        width: 0.42rem;
        height: 0.42rem;
        background: #438ef7;
        border-radius: 50%;
        padding: 0.06rem;
      }
      .radarMain_hrefList_Info_container{
        flex: 1;
        margin-left: 0.24rem;
      }
      .radarMain_hrefList_Info_content{
        display: flex;
        align-items: center;
      }
      .radarMain_hrefList_Info_content img{
        width: 1rem;
        height: 1rem;
        margin-right: 0.34rem;
      }
      .radarMain_hrefList_InfoDetail_container{
        height: 1rem;
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .radarMain_hrefList_InfoDetail_container h3{
        font-size: 0.24rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
      .radarMain_hrefList_InfoDetail_container p{
        font-size: 0.24rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:wrap;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
        margin-top: 0.15rem;
      }
      .radarMain_hrefList_noData_container{

      }
      .radarMain_hrefList_noData_container p{
        font-size: 0.24rem;
        color: #8f8f8f;
        text-align: center;
        padding: 0.57rem 0;
      }
      /*顶部*/
      .material_OtherTitle_container{
        display: flex;
        border-bottom: 1px solid #ececec;
        padding: 0 0.2rem 0 0.2rem;
        justify-content: space-between;
        align-items: center;
      }
      .material_OtherTitle_content{
        display: flex;
        align-items: center;
        list-style: none;
      }
      .material_OtherTitle_content li{
        font-size: .26rem;
        color: #7f7f7f;
        border-bottom: 3px solid #fff;
        margin-right: .3rem;
        padding: .11rem 0 .1rem 0;
      }
      .material_OtherTitle_Active{
        border-bottom: 3px solid #438ef7 !important;
        font-weight: bold;
        color: #111 !important;
      }
      .material_OtherTitleSelect_container{
        display: flex;
        padding: 0 .1rem 0 .2rem;
        border: 1px solid #ececec;
        border-radius: 3px;
      }
      .material_OtherTitleSelect_container select{
        outline: none;
        appearance: none;
        flex: 1;
        font-size: .26rem;
        padding: .1rem .4rem .1rem 0;
        background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/66d97c33652eb57968a90b098579ced5.png)no-repeat center right/.2rem;
        border: none;
      }
    </style>

  </head>
  <body>
    <div class="radarMain_contianer">
      <!-- 搜索 -->
      <div class="radarMain_serach_container">
        <div class="radarMain_serach_content">
          <input type="search" id="title" placeholder="请输入搜索内容">
          <svg t="1604976661926" onclick="search('{$wid}')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3034" width="50" height="50"><path d="M469.333333 855.1296c-211.626667 0-384-172.373333-384-384s172.373333-384 384-384 384 172.373333 384 384-172.373333 384-384 384z m0-704c-176.64 0-320 143.36-320 320s143.36 320 320 320 320-143.36 320-320-143.36-320-320-320z" p-id="3035" fill="#999999"></path><path d="M707.84 701.5296c16.64-16.64 37.546667-10.666667 54.186667 5.973333l166.4 166.4c16.64 16.64 22.613333 37.546667 5.973333 54.186667s-34.56 7.68-51.2-8.96l-166.4-166.4c-16.64-16.64-25.6-34.56-8.96-51.2z" p-id="3036" fill="#999999"></path></svg>
        </div>
      </div>
      <div class="radarMain_List_container">
        <!-- 顶部 -->
        <div class="material_OtherTitle_container">
          <ul class="material_OtherTitle_content">
            <li class="material_OtherTitle_Active">
              公众号文章
            </li>
          </ul>
          <div class="material_OtherTitleSelect_container">
            <select id="token" onchange="check('{$wid}')">
              <option value="{$authorizer->authorizer_appid}">{$authorizer->message->authorizer_info->nick_name}</option>
              {loop $token_list as $token}
              {if $authorizer->authorizer_appid != $token->authorizer_appid}
              <option value="{$token->authorizer_appid}">{$token->message->authorizer_info->nick_name}</option>
              {/if}
              {/loop}
            </select>
          </div>
        </div>

        <div class="radarMain_ListTitle_container">
          <h5>（共有<span id="count">{$count}</span>个文章素材）</h5>
        </div>
        <div class="radarMain_hrefList_container">
          <!-- 列表循环部分 -->
          {if $count>=1}
          {loop $article_list as $list}
          <div class="radarMain_hrefList_content">
            <div class="radarMain_hrefListSvg_content" onclick="sendChatMessage('{$list->thumb_url}','{$list->url}','{$list->title}','{$list->digest}')">
              <svg t="1604977208589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8400" width="50" height="50"><path d="M111.76 412.98L864.43 99.34c8.17-3.4 17.56-1.91 24.27 3.86a23.407 23.407 0 0 1 7.45 23.41L708.66 876.59a23.409 23.409 0 0 1-15.45 16.56c-7.65 2.5-16.05 0.88-22.23-4.27L508.19 753.24c-9.31-7.75-22.99-7.11-31.54 1.46l-83.5 83.44a23.407 23.407 0 0 1-25.45 5.03 23.393 23.393 0 0 1-14.46-21.53V645.28c0-6.21 2.46-12.16 6.85-16.56l339.56-339.56-400.88 300.71c-8.68 6.5-20.7 6.19-29.02-0.76L105.79 452.53a23.405 23.405 0 0 1-8.14-21.45 23.422 23.422 0 0 1 14.11-18.1z m0 0" p-id="8401" fill="#ffffff"></path></svg>
            </div>
            <div class="radarMain_hrefList_Info_container">
              <div class="radarMain_hrefList_Info_content">
                <img src="{$list->thumb_url?$list->thumb_url:$h}" alt="暂无">
                <div class="radarMain_hrefList_InfoDetail_container">
                  <h3>{$list->title?$list->title:暂无}</h3>
                  <p>{$list->digest?$list->digest:暂无}</p>
                </div>
              </div>
            </div>
          </div>
          {/loop}
          {else}
          <!-- 没数据 -->
          <div class="radarMain_hrefList_noData_container">
            <p>没有更多了~</p>
          </div>
          {/if}
        </div>
      </div>
    </div>
    <!-- 底部导航 -->
    <div class="footer_nav_container">
      <ul class="footer_nav_container">
        <li>
          <a href="/Addons/QyWechat/H5/Reply/index.html?corp_id={$corp_id}&agent_id={$agent_id}">
            <svg t="1605173138575" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1204" width="50" height="50"><path d="M949.082218 519.343245 508.704442 107.590414 68.326667 518.133697c-8.615215 8.03193-9.096169 21.538549-1.043772 30.144554 8.043187 8.599865 21.566178 9.085936 30.175253 1.035586l411.214573-383.337665 411.232992 384.505257c4.125971 3.854794 9.363252 5.760191 14.5903 5.760191 5.690606 0 11.384281-2.260483 15.58393-6.757914C958.138478 540.883841 957.695387 527.388479 949.082218 519.343245L949.082218 519.343245zM949.082218 519.343245M814.699602 527.800871c-11.787464 0-21.349237 9.555633-21.349237 21.327748l0 327.037405L622.552373 876.166023 622.552373 648.662543 394.824789 648.662543l0 227.503481L224.032938 876.166023 224.032938 549.128619c0-11.772115-9.55154-21.327748-21.348214-21.327748-11.802814 0-21.35333 9.555633-21.35333 21.327748l0 369.691877 256.19494 0L437.526333 691.318038l142.329613 0 0 227.502457 256.1888 0L836.044746 549.128619C836.045769 537.356504 826.481949 527.800871 814.699602 527.800871L814.699602 527.800871zM814.699602 527.800871M665.254941 222.095307l128.095423 0 0 113.74867c0 11.789511 9.562796 21.332864 21.349237 21.332864 11.783371 0 21.346167-9.543354 21.346167-21.332864L836.045769 179.439812 665.254941 179.439812c-11.789511 0-21.35333 9.538237-21.35333 21.327748C643.900587 212.554 653.464407 222.095307 665.254941 222.095307L665.254941 222.095307zM665.254941 222.095307" p-id="1205"></path></svg>
            <span>话术</span>
          </a>
        </li>
        <li>
          <a href="#">
            <svg fill="#3787f6" t="1611905721236" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5229" width="16" height="16"><path fill="#3787f6" d="M408 536c44.8 0 80 35.2 80 80v208c0 44.8-35.2 80-80 80h-208c-44.8 0-80-35.2-80-80v-208c0-44.8 35.2-80 80-80h208z m400 0c44.8 0 80 35.2 80 80v208c0 44.8-35.2 80-80 80h-208c-44.8 0-80-35.2-80-80v-208c0-44.8 35.2-80 80-80h208z m-400 32h-208c-27.2 0-48 20.8-48 48v208c0 27.2 20.8 48 48 48h208c27.2 0 48-20.8 48-48v-208c0-27.2-20.8-48-48-48z m400 0h-208c-27.2 0-48 20.8-48 48v208c0 27.2 20.8 48 48 48h208c27.2 0 48-20.8 48-48v-208c0-27.2-20.8-48-48-48z m-398.4-432c43.2 0 78.4 35.2 78.4 78.4v211.2c0 43.2-35.2 78.4-78.4 78.4H198.4c-43.2 0-78.4-35.2-78.4-78.4V214.4c0-43.2 35.2-78.4 78.4-78.4h211.2z m0 32H198.4c-25.6 0-46.4 20.8-46.4 46.4v211.2c0 25.6 20.8 46.4 46.4 46.4h211.2c25.6 0 46.4-20.8 46.4-46.4V214.4c0-25.6-20.8-46.4-46.4-46.4z" fill="#5a5a5a" p-id="5230"></path><path fill="#3787f6" d="M752 144l112 112c30.4 30.4 30.4 81.6 0 112l-112 112c-30.4 30.4-81.6 30.4-112 0l-112-112c-30.4-30.4-30.4-81.6 0-112l112-112c30.4-32 81.6-32 112 0z m-22.4 22.4c-19.2-19.2-48-19.2-67.2 0l-112 112c-19.2 19.2-19.2 48 0 67.2l112 112c19.2 19.2 48 19.2 67.2 0l112-112c19.2-19.2 19.2-48 0-67.2l-112-112z" fill="#5a5a5a" p-id="5231"></path></svg>
            <span style="color: #3787f6;">素材</span>
          </a>
        </li>
        <li>
          <a href="/Addons/QyWechat/H5/Reply/radar.html?corp_id={$corp_id}&agent_id={$agent_id}">
            <svg t="1604937212716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10541" width="50" height="50"><path d="M379.73333333333335 287.5733333333334h-55.14666666666667v55.14666666666667H379.73333333333335v-55.14666666666667z m348.9066666666667 257.17333333333335H802.1333333333333v-73.49333333333334h-73.49333333333334v73.49333333333334zM508.26666666666665 105.7066666666667c-221.86666666666667 0-402.34666666666664 180.48-402.34666666666664 402.24s180.48 402.24 402.34666666666664 402.24c221.76 0 402.24-180.48 402.24-402.24S730.0266666666666 105.7066666666667 508.26666666666665 105.7066666666667z m-18.346666666666664 770.88c-188.90666666666667-9.28-340.9066666666667-161.27999999999997-350.2933333333333-350.2933333333333h112.21333333333334c8.96 127.36 110.72 229.12 238.07999999999998 238.07999999999998v112.21333333333334z m0-130.56c-117.22666666666667-8.96-210.7733333333333-102.50666666666666-219.73333333333332-219.73333333333332h129.38666666666666c7.786666666666666 46.18666666666666 44.16 82.56 90.34666666666666 90.34666666666666v129.38666666666666z m0-166.93333333333334c-25.813333333333333-6.613333333333333-46.18666666666666-26.986666666666668-52.8-52.8h52.8v52.8z m0-89.49333333333334h-52.8c6.613333333333333-25.813333333333333 26.986666666666668-46.18666666666666 52.8-52.8V489.6z m0-238.07999999999998c-32.64 2.3466666666666667-63.68 10.666666666666666-91.83999999999999 24.10666666666667v20.48c27.84-14.506666666666666 58.88-23.68 91.83999999999999-26.133333333333333v129.38666666666666c-46.18666666666666 7.786666666666666-82.56 44.16-90.34666666666666 90.34666666666666H270.1866666666667c3.6266666666666665-48.31999999999999 21.653333333333332-92.58666666666666 49.81333333333333-128.53333333333333h-22.826666666666664c-25.813333333333333 36.906666666666666-42.026666666666664 80.96000000000001-45.44 128.53333333333333H139.62666666666667c9.28-188.90666666666667 161.27999999999997-340.9066666666667 350.2933333333333-350.2933333333333v112.10666666666665z m36.69333333333333 185.27999999999997c25.813333333333333 6.613333333333333 46.18666666666666 26.986666666666668 52.8 52.8h-52.8v-52.8z m0 89.6h52.8c-6.613333333333333 25.813333333333333-26.986666666666668 46.18666666666666-52.8 52.8v-52.8z m0 350.18666666666667V764.48c114.88-8.106666666666666 208.85333333333335-91.62666666666667 232.85333333333335-201.38666666666668h-18.88c-23.466666666666665 99.52-109.33333333333333 174.93333333333334-213.97333333333333 182.93333333333334V616.64c46.18666666666666-7.786666666666666 82.56-44.16 90.34666666666666-90.34666666666666h93.33333333333333V489.6h-93.33333333333333c-7.786666666666666-46.18666666666666-44.16-82.56-90.34666666666666-90.34666666666666V269.97333333333336c104.63999999999999 8 190.50666666666666 83.41333333333334 213.97333333333333 182.93333333333334H759.4666666666667c-24-109.76-117.97333333333333-193.27999999999997-232.85333333333335-201.38666666666668V139.30666666666667C715.52 148.5866666666667 867.52 300.5866666666667 876.8 489.6h-56.42666666666666v36.69333333333333H876.8c-9.28 189.01333333333332-161.27999999999997 341.0133333333333-350.18666666666667 350.2933333333333z" p-id="10542"></path></svg>
            <span>雷达</span>
          </a>
        </li>
      </ul>
    </div>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/weui.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/js/ajax.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">
      wx.config({
          beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: "{$wxConfig['appId']}", // 必填，企业微信的corpID
          timestamp: "{$wxConfig['timestamp']}", // 必填，生成签名的时间戳
          nonceStr: "{$wxConfig['nonceStr']}", // 必填，生成签名的随机串
          signature: "{$wxConfig['signature']}",// 必填，签名，见 附录-JS-SDK使用权限签名算法
          jsApiList: ['sendChatMessage'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
        });
        wx.ready(function(){
          console.log('config success');
          wx.agentConfig({
            corpid: "{$corp_id}", // 必填，企业微信的corpid，必须与当前登录的企业一致
            agentid: "{$agent_id}", // 必填，企业微信的应用id （e.g. 1000247）
            timestamp: "{$agentConfig['timestamp']}", // 必填，生成签名的时间戳
            nonceStr: "{$agentConfig['nonceStr']}", // 必填，生成签名的随机串
            signature: "{$agentConfig['signature']}",// 必填，签名，见附录-JS-SDK使用权限签名算法
            jsApiList: ['selectExternalContact','sendChatMessage'], //必填
            success: function(res) {
              console.log('agentConfig success');
              wx.checkJsApi({
                jsApiList: ['sendChatMessage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                success: function(res) {
                  
                }
              });
            },
            fail: function(res) {
              if(res.errMsg.indexOf('function not exist') > -1){
                console.log('版本过低请升级')
              }
            }
          });
        });
        wx.error(function(res){
          console.log('error'+res);
        });

        function sendChatMessage(thumb_url,url,title,digest){
          if(title == ""){
            title = "暂无";
          }
          if(digest == ""){
            digest = "暂无";
          }
          if(thumb_url == ""){
            thumb_url = "{$h}";
          }
            wx.invoke('sendChatMessage', {
              msgtype:"news", //消息类型，必填
              news: {
                link: url, //H5消息页面url 必填
                title: title, //H5消息标题
                desc: digest, //H5消息摘要
                imgUrl: thumb_url, //H5消息封面图片URL
              }
            }, function(res) {
              if (res.err_msg == 'sendChatMessage:ok') {
                //发送成功
              }
            })
        }
    </script>
    <script type="text/javascript">
      function search(wid){
        var title = $("#title").val();
        var appid = $("#token").val();
        if(title == ""){
          tusi("请输入您要搜索的标题名称");
          return false;
        }
        myAjaxPost(false, true, 'search.html', { authorizer_appid:appid,title:title,wid:wid}, function (resp) {
          if(resp.status == "success"){
            tusi(resp.msg);
            var html ='';
            var data = resp.data[0];
            var count = resp.data[1];
            data.forEach(function(text) {
                if(!text.thumb_url){
                    text.thumb_url = '{$h}';
                }
                if(!text.title){
                    text.title = '暂无';
                }
                if(!text.digest){
                    text.digest = '暂无';
                }
                html += '<div class="radarMain_hrefList_content">';
                html += '<div class="radarMain_hrefListSvg_content" onclick="sendChatMessage('+text.thumb_url+','+text.url+','+text.title+','+text.digest+')">';
                html += '<svg t="1604977208589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8400" width="50" height="50"><path d="M111.76 412.98L864.43 99.34c8.17-3.4 17.56-1.91 24.27 3.86a23.407 23.407 0 0 1 7.45 23.41L708.66 876.59a23.409 23.409 0 0 1-15.45 16.56c-7.65 2.5-16.05 0.88-22.23-4.27L508.19 753.24c-9.31-7.75-22.99-7.11-31.54 1.46l-83.5 83.44a23.407 23.407 0 0 1-25.45 5.03 23.393 23.393 0 0 1-14.46-21.53V645.28c0-6.21 2.46-12.16 6.85-16.56l339.56-339.56-400.88 300.71c-8.68 6.5-20.7 6.19-29.02-0.76L105.79 452.53a23.405 23.405 0 0 1-8.14-21.45 23.422 23.422 0 0 1 14.11-18.1z m0 0" p-id="8401" fill="#ffffff"></path></svg>';
                html += '</div>';
                html += '<div class="radarMain_hrefList_Info_container">';
                html += '<div class="radarMain_hrefList_Info_content">';
                html += '<img src="'+text.thumb_url+'" alt="暂无">';
                html += '<div class="radarMain_hrefList_InfoDetail_container">';
                html += '<h3>'+text.title+'</h3>';
                html += '<p>'+text.digest+'</p>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
            })
           $(".radarMain_hrefList_container").html(html);
           $("#count").text(count);
          }
        })
      }



      function check(wid){
        var appid = $("#token").val();
        window.location.href = "material.html?agent_id={$agent_id}&corp_id={$corp_id}&authorizer_appid="+appid;
      }
    </script>
  </body>
</html>
